<div nz-row>
    <div nz-col nzSpan="24">
        <nz-breadcrumb>
            <nz-breadcrumb-item>
                <a routerLink="/home">首页</a>
            </nz-breadcrumb-item>
            <nz-breadcrumb-item>
                甄选
            </nz-breadcrumb-item>
        </nz-breadcrumb>
    </div>
</div>
<br>
<div nz-row [nzGutter]="8">
    <div nz-col nzSpan="24">
        <span *ngFor="let tag of allTags" style="margin: 0 4px;line-height: 32px;">
            <nz-tag>
                <a>{{tag.title}}</a>
            </nz-tag>
        </span>
    </div>
</div>
<br>
<div nz-row [nzGutter]="8">
    <div nz-col [nzSpan]="6" *ngFor="let commodity of commodityList">
        <nz-card nzHoverable [nzCover]="coverTemplate" [nzActions]="[actionSetting]" (click)="gotoCommodityPage(commodity.id)">
            <nz-card-meta [nzTitle]="commodity.title" nzDescription=""></nz-card-meta>
            <p>{{commodity.desc}}</p>
        </nz-card>
        <ng-template #coverTemplate>
            <img alt="{{commodity.title}}" src="{{commodity.image}}" class="img-responsive" />
        </ng-template>
        <ng-template #actionSetting>
            <i class="anticon anticon-shopping-cart buy-color"></i>
        </ng-template>
    </div>
</div>